<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <title>智游问答系统</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

    <link rel="stylesheet" href="css/amazeui.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/amazeui.js"></script>

    <script src="js/register.js"></script>
    <!--<link rel="stylesheet" href="css/amazeui.css">-->

</head>

<body>
    <header data-am-widget="header" class="am-header am-header-default">
        <div class="bb am-header-left am-header-nav">

            <span class="am-header-nav-title">
                首页
              </span>

            <i class="am-header-icon am-icon-home am-icon-lg"></i>

        </div>

        <h1 class="am-header-title">
            注册
        </h1>

        <div class="aa am-header-right am-header-nav">

            <i class="am-header-icon am-icon-user am-icon-sm"></i>
            <span class="am-header-nav-title">
                登录
              </span>

        </div>
    </header>
    <main class="am-content">
        <form class="am-form">
            <fieldset>
                <div class="am-input-group">
                    <span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
                    <input type="text" required pattern="^[\u4e00-\u9fa5]{2,5}$" autocomplete="off" name="username" placeholder="请输入用户名">
                </div>
                <div class="message">请输入2-5位中文</div>
                <div class="am-input-group">
                    <span class="am-input-group-label"><i class="am-icon-lock am-icon-fw"></i></span>
                    <input type="password" required pattern="^[\w]{6,16}$" autocomplete="off" name="password" placeholder="请输入密码">
                </div>
                <div class="message">请输入6-16位英文、数字、下划线</div>
                <div class="am-input-group">
                    <span class="am-input-group-label"><i class="am-icon-lock am-icon-fw"></i></span>
                    <input type="password" required pattern="^[\w]{6,16}$" autocomplete="off" name="repassword" placeholder="请再次输入密码">
                </div>
                <div class="message">请再次收入密码</div>
                <div class="am-radio">
                    <label>
        <input type="radio" name="doc-radio-1" value="option1" checked>
        男
      </label>
                </div>

                <div class="am-radio">
                    <label>
        <input type="radio" name="doc-radio-1" value="option2">
        女
      </label>
                </div>
                <div class="am-input-group">
                    <span class="am-input-group-label"><i class="am-icon-envelope-o am-icon-fw"></i></span>
                    <input type="email" required autocomplete="off" name="email" placeholder="请输入邮件地址.....">
                </div>
                <div class="message">请输入邮件地址</div>
                <div class="am-form-group">

                    <select id="doc-select-1">
        <option value="HTML5">HTML5</option>
        <option value="UI设计">UI设计</option>
        <option value="大数据">大数据</option>
      </select>
                    <span class="am-form-caret"></span>

                </div>
                <button class="am-btn am-btn-default">注册</button>
            </fieldset>


        </form>

    </main>
    <button type="button" class="am-btn am-btn-primary ff" data-am-modal="{target: '#my-alert'}">
  Alert
</button>

    <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">密码不正确请重新注册</div>

            <div class="am-modal-footer">
                <span class="am-modal-btn gg">确定</span>
            </div>
        </div>
    </div>
    
</body>

</html>